.mui-content{
	padding-bottom: 3.125rem;
}
.banner-content{
	position: relative;
	width: 100%;
	height: 12.5rem;
	.search-box{
		opacity: .65;
		position: absolute;
		// margin:0 0.9375rem 0;
		width: 21.5625rem;
		border-radius: 0.875rem;
		background-color: rgba(226,239,236);
		padding: 0.5rem 0.625rem;
		top: .5rem;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		align-items: center;
		height: 1.75rem;
		z-index: 998;
	}
	.mui-icon-search{
		color: #999999;
	}
	input{
		border: none;
		background-color: rgba(226,239,236);
		padding: 0;
		font-size: 0.75rem;
		color: #999999;
		margin: 0;
		margin-left: 0.375rem;
		height: 1.75rem;
	}
	.mui-slider{
		height: 12.5rem;
		img{
			width: 100%;
			height: 12.5rem;
		}
	}
}

.notice{
	display: flex;
	padding: 0.625rem 0.9375rem;
	align-items: center;
	.notice-text{overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;}
	.icon_home_notice{
		width: 0.8125rem;
			height: 0.75rem;
			margin-right: 0.375rem;
	}
	.icon_common_arrow_right{
		width: 0.3125rem;
			height: 0.5rem;
			margin-left: 0.375rem;
	}
}

.brand-content{
	margin-top: 1rem;
	.brand-line-box{
		padding: 0 4.6875rem;
	}
	.brand-line{
		// padding: 0 4.6875rem;
	    line-height: 0.0625rem;  
	    border-left: 5rem solid  #187800; 
	    border-right: 5rem solid #187800;  
	    text-align: center;
		  color: #187800;
		  font-size: 0.75rem;
	}
	.brand-img-list{
		margin: 1rem 0.9375rem 0;
		padding-bottom: 0.375rem;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		.brand-img{
			width: 47.82%;
			height: 4.125rem;
			margin-right: 0.9375rem;
			margin-bottom: 0.9375rem;
			img{
				width: 100%;
				height: 100%;
				border-radius: 0.5rem;
			}
		}
		.brand-img:nth-of-type(2n){
			margin-right: 0;
		}
	}
}

.hot-recommend{
	padding: 0 0.9375rem;
	.hot-title{
		display: flex;
		align-items: center;
		padding-bottom: 0.625rem;
		border-bottom: 0.0625rem solid #eeeeee;
		.title-line{
				width: 0.25rem;
				height: 0.625rem;
				background-color: #187800;
				border-radius: 0.125rem;
				margin-right: 0.375rem;
		}
		.title-text{
			font-size: 0.875rem;
			color: #333333;
		}
	}
	.recommend-list{
		padding: 0.9375rem 0;
		.recommend-list-item{
			display: flex;
			align-items: center;
			margin-bottom: 0.9375rem;
			.recommend-img{
				width: 5.625rem;
				height: 5.625rem;
				margin-right: 0.6875rem;
			}
			.recommend-info{
				flex: 1;
				display: flex;
				flex-direction:column;
				height: 5.625rem;
				.goods-title{
					 text-overflow: -o-ellipsis-lastline;
					  overflow: hidden;
					  text-overflow: ellipsis;
					  display: -webkit-box;
					  -webkit-line-clamp: 2;
					  line-clamp: 2;
					  -webkit-box-orient: vertical;
					  line-height: 1.1875rem;
					  color: #333333;
					  font-size: 0.875rem;
					  margin-bottom: 0.6875rem;
				}
				.goods-code{
					font-size: 0.625rem;
					color: #999999;
					margin-bottom: 0.8125rem;
				}
				.goods-price{
					font-size: 0.75rem;
					color: #e31436;
					.fuhao{
						font-size: 1.125rem;
						
					}
				}
			}
		}
	}
}